<template>
  <div >
    <div style="z-index:9;">
      <van-tabs v-model:active="active" @click-tab="onClickTab" sticky style="width: 30vw;margin:0 auto;">
        <van-tab title="商家"> </van-tab>
        <van-tab title="品牌"> </van-tab>
      </van-tabs>
    </div>
    <div style="background: #eee;height:58vh;">
      <shop v-if="show"></shop>
      <pinpai v-if="!show"></pinpai>
    </div>
  </div>
</template>
<script setup>
import shop from "@/views/Shoping/comment/shop.vue";
import pinpai from "@/views/Shoping/comment/pinpai.vue";
import { ref } from "vue";
const show = ref(true);
const onClickTab = (value) => {
  if (value.name == 0) {
    show.value = true;
  }
  if (value.name == 1) {
    show.value = false;
  }
};
</script>
<style lang="scss" scoped>
::v-deep(.van-tab) {
  font-size: 16px;
}
.m{
    position: fixed;
}
</style>
